<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">

	<link rel="stylesheet" type="text/css" href="/common/css/hot_page/hotChild.css" />

	<!-- 回复评论 -->
	<script type="text/javascript" src="/common/js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="/common/js/jquery.flexText.js">></script>
<title>微博详情</title>
</head>
<style type="text/css">
		.hotChild-main {
			width: 820px;
		
		}
		.borderColor{
		border-color:#ff8140;
		}
		.pre {
	    display: block;
	    padding: 9.5px !important;
	    }
     .show{
     visibility: visible
     }
     //回复
.replayTxt{
margint-left:0px !important;
}
	</style>
		<script type="text/javascript">
		$(document).ready(function() {
			// 绑定表情
           
			$(".li3").on("click", function() {
					$(this).toggleClass("curr");
					
					if($(".WB_feed_repeat").is(":visible")) {

						$(this).parent().parent().parent().next().hide();
					} else {
						$(this).parent().parent().parent().next().show();
					} 
				})
				//	转发的弹出层
			$('.tranfer').on('shown.bs.modal', function() {
				$('.tranfer').focus();
				//$('.tranPage').load("/TrantoPage/showTranto");
				
			});
			$('.tranfer').on('click',function(){
				$.post("/TrantoPage/Tranto?WBid="+$(this).attr("WBid"),
						 
						function(data){
					       // console.log("151351515135153");
					      //  $('.tranPage').empty();
							$('.tranPage').load("/TrantoPage/showTranto");
						}
						)
						
			});
			
			//点击时间出跳转到微博详情
			$(".weiboDetial").on("click",function(){
			
			      location.href="/weiboDetail/detail?WBid="+$(this).attr("WBid");
			   //   ?txt="+$("#txt").val();//发送txt里面的内容
			    	 
			});
			//点击评论传id查评论
			$(".li3").on("click",function(){
				$(".view").focus();
			  $(".view").addClass("borderColor");
			  var $this = $(this);
				$.post("/CommentPage/comment?WBid="+$(this).attr("WBid"),
						function(data){
							//console.log("151351515135153")
							//console.log($this.parent().parent().parent().next())
							$this.parent().parent().parent().next().empty();
							$this.parent().parent().parent().next().load("/CommentPage/showComment");
						})
							 
		    	});
			
			     $(".reply").hover(
					  function () {
					    $(this).parent().siblings(".hover").addClass("show");
					  },
					  function () {
						  $(this).parent().siblings(".hover").removeClass("show");
						  }
					  )
		});
			</script>
			<!--textarea高度自适应-->
			<script type="text/javascript">
		    $(function () {
		        $('.view').flexText();
		       //e $('.pre').flexText();
		    });
		</script>
		<!--textarea限制字数-->
		<!--textarea限制字数-->
		<script type="text/javascript">
		    function keyUP(t){
		        var len = $(t).val().length;
		        if(len > 139){
		            $(t).val($(t).val().substring(0,140));
		        }
		    }
		</script>
<!--点击评论创建评论条-->


	<body>

		<center>
			<div class="hotChild-main">
				<div class="row">
					<div class="col-md-9 hotchild_left" style="padding-right: 0px; padding-left: 0px; width: 72%;">
						<!--左边盒子大框-->
						<div class="WB_feed">
						
						
						<c:forEach items="${weiboByTypeidList}" var="weibo" >
							<!--里面一个小框-->
							<div class="WB_cardwrap">
								<!--信息详情-->
								<div class="WB_feed_detail clearfix">
									<div class="WB_screen W_fr">
										<div class="screen_box">
											<a href="#" action-type="fl_menu">
												<i class="icon icon-chevron-down"></i>
											</a>

										</div>
									</div>
									<!--头像-->

									<div class="WB_face W_fl">
										<div class="face">
											<img class="W_face_radius" src="http://localhost:8082/serverpath${weibo.user.userHeadpath}" />
										</div>
										<!--关注-->
										<div class="opt" style="width: 72px; height: 25px; border: solid gainsboro 1px;">
											<a class="W_btn_follow" href="#" action-type="follow">
												<i class="icon icon-plus"></i> 关注
											</a>
											<!--followArr start-->
											<!--<a class=" btn_22px W_btn_b" href="#" action-type="unFollow">
												<i class="icon icon-check"></i> 已关注
											</a>
											<!--followArr end-->
										</div>

									</div>

									<!--详情信息-->
									<div class="WB_detail">
										<div class="WB_info">
											<a href="#" class="username" target="_blank" >${weibo.user.userName }</a>
											<a><i title="微博个人认证 " class="W_icon icon_approve_gold"></i></a>
											<a target="_blank"><img class="W_icon_yystyle" src="/common/img/xiuli/pcpanda.png" /></a>
											<a target="_blank"><img class="W_icon_yystyle" src="/common/img/xiuli/country.png" /></a>
										</div>
										<div class="WB_from">
											<a class="weiboDetial" WBid="${weibo.weiboId}"> ${weibo.weiboTime }</a>
											来自
											<a>${weibo.weiboSource}</a>
										</div>
										<div class="WB_text W_f14" node-type="feed_list_content">
											${weibo.weiboContent }
											
											<!--  <a href="/weiboDetail/detail?WBid="+${weibo.weiboId} target="_blank" class="WB_text_opt">
												展开全文
											</a>-->
										</div>
										<div class="WB_media_wrap ">
											<div class="media_box">
												<ul class="WB_media_pic">
												<c:forEach items="${weibo.imgList }" var="img">
													<c:choose>
													<c:when test="${empty img.imgPath}"></c:when>
													<c:otherwise>
														<li class="">
															<img src="http://localhost:8082/serverpath${img.imgPath }" />
														</li>
														</c:otherwise>
													</c:choose>
													</c:forEach>
												</ul>
											</div>

										</div>
										<!--结-->
									</div>

								</div>
								<!--收藏、评论、转发-->
								<div class="WB_feed_handle">
									<div class="WB_handle">
										<ul class="WB_row_line WB_row_r4 clearfix S_line2">
											<li>
												<a class="S_txt2" href="javascript:void(0);" action-type="fl_favorite"><span class="pos">
													<span class="line S_line1" node-type="favorite_btn_text"><span>
														<i class="icon icon-star-empty"></i><em>收藏</em></span></span>
													</span>
												</a>
											</li>
											<li class="tranfer" data-toggle="modal" data-target="#myModal" WBid="${weibo.weiboId}">
												<a action-type="fl_forward" href="javascript:void(0);" class="S_txt2">
													<span class="pos">
														<span class="line S_line1" node-type="forward_btn_text">
															<span><i class="icon icon-external-link"></i><em> ${weibo.weiboForwardnum}</em></span></span>
													</span>
												</a>
											</li>
											<li class="li3" WBid="${weibo.weiboId}">
												<a href="javascript:void(0);" class="S_txt2" action-type="fl_comment">
													<span class="pos"><span class="line S_line1"><span>
														<i class="icon icon-chat-dot"></i><em> ${weibo.weiboCommentnum}</em></span></span>
													</span>
												</a>
												<span class="arrow"><span class="W_arrow_bor W_arrow_bor_t"><i class="S_line1"></i><em class="S_bg1_br"></em></span></span>
											</li>
											<li class="">
												<a href="javascript:void(0);" class="S_txt2" action-type="fl_like">
													<span class="pos"><span class="line S_line1">         
													<i class="icon icon-thumbs-o-up"></i><em>${weibo.weiboCollectnum}</em></span> </span>
													</span>
												</a>
												<span class="arrow" node-type="cmtarrow">
													<span class="W_arrow_bor W_arrow_bor_t"><i class="S_line1"></i>
														<em class="S_bg1_br"></em></span></span>
											</li>
										</ul>
										<!--结-->
									</div>
								</div>
								<!--隐藏盒子开始-->
								<div class="WB_feed_repeat S_bg1" style="display: none;">
									<!--评论盖楼-->
									<div class="WB_feed_repeat S_bg1 WB_feed_repeat_v3">
										<div class="WB_repeat S_line1 commentAll">
											<!--评论-发表-->
											<div class="WB_feed_publish clearfix">
												<div class="WB_face W_fl"><img src="/common/img/xiuli/default_avatar_female_50.gif" alt=""></div>
												<div class="WB_publish">
													<div class="p_input">
														<textarea class="W_input view" action-type="check"  placeholder="请输入&hellip;" onkeyup="keyUP(this)"
														
														cols="" rows="" name="" node-type="textEl" style="overflow: hidden; margin: 0px; padding: 5px 2px 0px 6px; border-style: solid; border-width: 0.916667px; font-size: 12px;
														 overflow-wrap: break-word; line-height: 18px; outline: medium none currentcolor; height: 33px;position:relative;
														 width: 510px;left:0px;top:-35px;"></textarea>
													</div>
													<div class="p_opt clearfix" node-type="widget">
														<div class="btn W_fr comment-btn">
															<a class="W_btn_a W_btn_a_disable plBtn" action-type="post" href="javascript:void(0);" onclick="return false" node-type="btnText">评论</a>
														</div>
														<div class="opt clearfix">
															<span class="ico">
										                        <a href="javascript:;" node-type="smileyBtn" title="表情" alt="表情">
										                       		<i class="icon icon-smile"></i>
										                        </a>
										                             &nbsp;  &nbsp;
                                                             <a node-type="imgBtn" href="javascript:void(0);" style="cursor:default;" title="">
                                                             	<i class="icon icon-picture"></i>
                                                             </a>
                                                          </span>
															<ul class="ipt">
																<li>
																	<label  class="W_label">
										                                <input  class="W_checkbox" name="forward" type="checkbox">
										                                <span>同时转发到我的微博</span>
										                            </label>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
											<!--评论-发表2-->
											<div class="repeat_list">
												<!-- 列表-标题 -->
												<div class="tab_feed_a clearfix S_line1">

													<div class="tab">
														<ul class="clearfix">
															<li><span class="line S_line1">
													                 <a href="javascript:void(0)" action-type="feed_list_commentSearch" class="S_txt1 curr">按热度</a>
													               </span>
															</li>
															<li><span class="line S_line1">
											                    	<a node-type="feed_list_commentTabAll" href="javascript:void(0)" action-type="feed_list_commentSearch" class="S_txt1">按时间</a>
											                    </span>
															</li>
														</ul>
													</div>
												</div>
												<!-- 列表-标题 -->
												<!--  评论 列表-内容 -->
											
												<div class="list_box">
													<div class="list_ul" node-type="feed_list_commentList">
														<c:forEach items="${commentlist}" var="comment" begin="0" end="5">
														<!-- 一级评论 -->
														<div comment_id="" node-type="root_comment" class="list_li S_line1 clearfix">
															<!-- 评论头像 -->
															<div class="WB_face W_fl">
																<a target="_blank" href="#">
																	<img class="headpic" src="http://localhost:8082/serverpath${comment.user.userHeadpath}"></a>
															</div>
															<!-- 评论头像 -->
															<!-- 评论用户信息及评论内容 -->
															<div class="list_con" node-type="replywrap">
																<div class="WB_text">
																	<a target="_blank" href="#" class="comment-size-name" userID="${comment.commentId}">${comment.user.userName} </a>：${comment.commentContent}</div>
																<!-- 评论图片的处理 -->
																<div class="WB_expand_media_box" style="display: none;" node-type="comment_media_disp"></div>
																<!-- 评论图片的处理 -->
																<!-- 对评论的操作 -->
																<div class="WB_func clearfix">
																	<div class="WB_handle W_fr">
																		<ul class="clearfix">
																			<!-- 投诉 -->
																			<li class="hover">
																				<span class="line S_line1">
																					<a class="S_txt1" href="javascript:void(0);">投诉</a>
																				</span>
																			</li>
																			<!-- 投诉 -->
																			<!-- 屏蔽 -->
																			<li class="hover">
																				<span class="line S_line1">
																					<a class="S_txt1" action-type="shieldComment"  href="javascript:void(0);">
																					屏蔽</a>
																				</span>
																			</li>
																			<!-- 屏蔽 -->
																			<!-- 删除 -->
																			<!-- 删除 -->
																			<!-- 查看对话 -->
																			<!-- 查看对话 -->
																			<!-- 回复 -->
																			<li>
																				<span class="line S_line1 hf-con-block reply">
																					<a href="javascript:void(0);" class="S_txt1" onclick="return false" action-type="reply" >回复</a>
																				</span>
																				<span class="arrow">
																					<span class="W_arrow_bor W_arrow_bor_t"><i class="S_bg2_br"></i></span>
																				</span>
																			</li>
																			<!-- 回复 -->
																			<!-- 赞 -->
																			<li><span class="line S_line1">
                                                                              <a href="javascript:void(0)" class="S_txt1" action-type="fl_like" title="赞">
                                                                              	<span node-type="like_status" class="">
                                                                              		<i class="icon icon-thumbs-o-up"></i>
                                                                              		<em>1401</em>
                                                                              	</span>
																				</a>
																				</span>

																			</li>
																			<!-- 赞 -->
																		</ul>
																	</div>
																	<!-- 时间 -->
																	<div class="WB_from S_txt2">${comment.commentTime}</div>
																	<!-- 时间 -->
																</div>
																<!-- 二级评论 -->
																<!-- 如果返回的为空，但是有二级评论 -->
																<!-- 如果返回的为空，但是有二级评论 -->
																<!-- 如果返回有二级评论 -->
																<!-- 为评论假写留下二级评论的样式框架评论 -->
																<!-- 为评论假写留下二级评论的样式框架评论 -->
																<div class="list_box_in S_bg3">
																	<div class="list_ul" node-type="child_comment">
																		<div comment_id="" class="list_li S_line1 clearfix">
																			<!-- 评论用户信息及评论内容 -->
																			<div class="list_con">
																				<div class="WB_text">
																					<a target="_blank" href="#" usercard="">回复名</a>
																					：
																					<!--用户的内容是图片-->
																					 回复内容
						；														</div>
																				<!-- 评论图片的处理 -->
																				<div class="WB_expand_media_box" style="display: none;" node-type="comment_media_disp"></div>
																				<!-- 评论图片的处理 -->
																				<!-- 对评论的操作 -->
																				<div class="WB_func clearfix">
																					<div class="WB_handle W_fr">
																						<ul class="clearfix">
																							<!-- 投诉 -->
																							<li class="hover"><span class="line S_line1"><a class="S_txt1" href="javascript:void(0);">投诉</a></span></li>
																							<!-- 投诉 -->
																							<!-- 屏蔽 -->
																							<li class="hover">
																								<span class="line S_line1">
																								<a class="S_txt1" action-type="shieldComment" action-data="" href="javascript:void(0);">屏蔽</a>
																								</span>
																							</li>
																							<!-- 屏蔽 -->
																							<!-- 删除 -->
																							<!-- 删除 -->
																							<!-- 查看对话 -->
																							<li class="hover">
																								<span class="line S_line1">
																									<a class="S_txt1" href="javascript:void(0);" action-data="" action-type="commentDialogue">查看对话</a>
																								</span>
																							</li>
																							<!-- 查看对话 -->
																							<!-- 回复 -->
																							<li>
																								<span class="line S_line1 reply ">
																									<a href="javascript:void(0);" class="S_txt1" onclick="return false" action-type="reply">回复</a>
																								</span>
																								<span class="arrow">
																									<span class="W_arrow_bor W_arrow_bor_t">
																										<i class="S_bg2_br"></i>
																									</span>
																								</span>
																							</li>
																							<!-- 回复 -->
																							<!-- 赞 -->
																							<li>
																								<span class="line S_line1">
                                                                                                <a href="javascript:void(0)" class="S_txt1" action-type="fl_like" title="赞">
                                                                                                	<span node-type="like_status" class="">             
                                                                                                      <i class="icon icon-thumbs-o-up"></i>                              
                                                                                                         	<em>2</em></span></a>
																								</span>
																							</li>
																							<!-- 赞 -->
																						</ul>
																					</div>
																					<!-- 时间 -->
																					<div class="WB_from S_txt2">8月12日 10:29</div>
																					<!-- 时间 -->
																				</div>
																			</div>
																		</div>
																		<!-- 用于作为插入更多二级评论的锚点 -->
																		<!-- 用于作为插入更多二级评论的锚点 -->
																		<!-- 二级评论查看更多 -->
																		
																		<div class="between_line S_bg1" node-type="comment_line"></div>
																		<!-- 二级评论查看更多 -->
																	</div>
																</div>
																<!-- 如果返回有二级评论 -->
																<!-- 二级评论 -->
																<!-- 对一级评论的操作 -->
															</div>
															<!-- 一级评论用户信息及评论内容 -->
														</div>
														 </c:forEach>
														<!-- 一级评论 -->
													
													
														<a target="_blank" href="#" class="WB_cardmore WB_cardmore_v2 S_txt1 S_line1 clearfix">
															<span class="more_txt">查看更多
																<i class="icon icon-chevron-right"></i></span></a>
													</div>
													<!-- 列表-内容 -->
												</div>
                                               
												<!-- 评论-列表 -->
											</div>
										</div>
                                       
									</div>
									<!--结-->
								</div>

							</div>
							</c:forEach>
							<!--里面第2个vid-->
						
                      
						</div>
					</div>
					<div class="col-md-3 hotchild_right" style="padding-right: 0px; padding-left: 10px; width: 27%;">
						<div class="WB_main_r">
							<div id="Pl_Discover_TextList_4">
								<div class="S_bg2">
									<div class="DSC_text_b DSC_text_b1">
										<!--热门标签-->
										<div class="WB_cardtitle_b S_line2">
											<!-- 标题 -->
											<div class="obj_name">
												<h2 class="main_title W_fb W_f14">热门微博分类</h2>
											</div>

											<!-- 标题栏控件 -->
										</div>
										<!--详细标签-->
										<div class="WB_innerwrap">
											<div class="m_wrap clearfix">

												<div class="list_wrap">
													<ul class="ul_text clearfix">
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_local.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									长沙								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_society.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									社会								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_international.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									国际								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_science.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									科技								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_popularscience.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									科普								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_digital.png"  class="pic"></i>
																<span class="text width_fix W_autocut">
									数码								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_equity.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									财经								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_equity.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									股市								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_star.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									明星								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_variety.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									综艺								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_tv.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									电视剧								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_movie.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									电影								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="" class="pic"></i>
																<span class="text width_fix W_autocut">
									音乐								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_music.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									汽车								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_sport.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									体育								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_health.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									健康								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_slimming.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									瘦身								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_health.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									养生								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_military.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									军事								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_history.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									历史								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_mito.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									摄影								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_emotion.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									情感								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_fun.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									搞笑								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_governmentaffairs.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									政务								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_game.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									游戏								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_tour.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									旅游								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_parenting.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									育儿								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_educate.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									校园								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_food.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									美食								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_household.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									家居								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_constellation.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									星座								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_book.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									读书								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_design.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									设计								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_art.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									艺术								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_fashion.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									时尚								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_fashion.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									美妆								</span>
															</a>
														</li>
														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_comic.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									动漫								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manuallyn_pet.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									萌宠								</span>
															</a>
														</li>

														<li class="li_text">
															<a href="#" class="tlink S_txt1">
																<i class="item_icon"><img src="/common/img/xiuli/logol/manually_law.png" class="pic"></i>
																<span class="text width_fix W_autocut">
									法律								</span>
															</a>
														</li>

													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>

							<!--結-->
						</div>
					</div>
				</div>
			</div>
		</center>

		<!--**********************************************************************************************************************-->
		<!--转发界面的弹出层-->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document" style="height: 665px;">
				<div class="modal-content box-bg ">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			        	<span aria-hidden="true">&times;</span>
			        	
			        </button>
						<div node-type="title" class="W_layer_title" style="cursor: move;">转发微博</div>
					</div>
					<div class="modal-body">
					<div class="W_layer tranPage">
							<div tabindex="0"></div>
							
						<!--结-->
					</div>
					<!--结束-->
				</div>
			</div>
		</div>
		<input type="hidden" class="user"  value="${sessionScope.user.userName }"/>
	</body>
	
	<script type="text/javascript">
	
$(document).on('click','.comment-btn',function(){
	
	
	//alert("aaaaa");
        var myDate = new Date();
        //获取当前年
        var year=myDate.getFullYear();
        //获取当前月
        var month=myDate.getMonth()+1;
        //获取当前日
        var date=myDate.getDate();
        var h=myDate.getHours();       //获取当前小时数(0-23)
        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
        if(m<10) m = '0' + m;
        var s=myDate.getSeconds();
        if(s<10) s = '0' + s;
        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
        //获取输入内容  
       var oSize = $(this).parent().parent().find(".view").val();
       var username=$('.user').val();
     
       var headStr=$(".headpic").attr("src");
       
       var weiboid = $(".li3").attr("WBid");
       //var uid= $(".comment-size-name").attr("userID")
       //ajax将评论内容存到数据库
       
         $.post("/CommentPage/savecomment",
    	{"content":oSize,"wbid":weiboid,"commentedID":"0"},
    	function(data){
    		console.log(data);
    	}
        );
        
       
        //动态创建评论模块
       // oHtml='<div class="" style="width:500px;height:50px; background-color:white;">123</div>';
     oHtml = '<div  node-type="root_comment" class="list_li S_line1 clearfix">'+
			<!-- 评论头像 -->
		'<div class="WB_face W_fl">'+
			'<a target="_blank" href="#">'+
				'<img src="'+headStr+'"/></a>'
		+'</div>'
		<!-- 评论头像 -->
		<!-- 评论用户信息及评论内容 -->
		+'<div class="list_con" node-type="replywrap">'
			+'<div class="WB_text">'
				+'<a target="_blank" href="#" class="comment-size-name">'+username+'</a>：&nbsp;'+ oSize +'</div>'
			<!-- 评论图片的处理 -->
			+'<div class="WB_expand_media_box" style="display: none;" node-type="comment_media_disp"></div>'
			<!-- 评论图片的处理 -->
			<!-- 对评论的操作 -->
			+'<div class="WB_func clearfix">'
			+'	<div class="WB_handle W_fr">'
					+'<ul class="clearfix">'
						<!-- 投诉 -->
						+'<li class="hover">'
							+'<span class="line S_line1">'
							+'<a class="S_txt1" href="javascript:void(0);">投诉</a>'
							+'</span>'
							+'</li>'
						<!-- 投诉 -->
						<!-- 屏蔽 -->
						+'<li class="hover">'
						+'	<span class="line S_line1">'
						+'	<a class="S_txt1" action-type="shieldComment" href="javascript:void(0);">'
						+'	屏蔽</a>'
						+'</span>'
						+'</li>'
					
						+'<li>'
						+'	<span class="line S_line1 hf-con-block reply">'
							+'		<a href="javascript:void(0);" class="S_txt1" onclick="return false" action-type="reply">回复</a>'
							+'	</span>'
							+'	<span class="arrow">'
							+'	<span class="W_arrow_bor W_arrow_bor_t"><i class="S_bg2_br"></i></span>'
							+'	</span>'
							+'</li>'
						<!-- 回复 -->
						<!-- 赞 -->
						+'<li><span class="line S_line1">'
						+'    <a href="javascript:void(0)" class="S_txt1" action-type="fl_like">'
						+'   	<span node-type="like_status" class="">'
                          	+'   		<i class="icon icon-thumbs-o-up"></i>'
                          	+'		<em>1401</em>'
                          	+'  	</span>'
                          	+'	</a>'
                          	+'</span>'

                          	+'	</li>'
						<!-- 赞 -->
						+'</ul>'
						+'</div>'
				<!-- 时间 -->
				+'	<div class="WB_from S_txt2">'+now+'</div>'
				<!-- 时间 -->
				+'</div>'
				+'<div class="list_box_in S_bg3">'
				+'<div class="list_ul" node-type="child_comment" >'
				
				+'</div>'
				+'</div>'
			<!-- 二级评论 -->
			<!-- 对一级评论的操作 -->
			+'</div>'
		<!-- 一级评论用户信息及评论内容 -->
		+'</div>';
        
            $(this).parent().parent().parent().next().find('.list_box').find('.list_ul[node-type="feed_list_commentList"]').prepend(oHtml);
            $(this).parent().parent().find(".view").prop('value','').siblings('pre').find('span').text('');
        
    });
</script>
	
</html>
	
	
	